<%@ Page Language="C#" MasterPageFile="~/pages/MasterPage.master" AutoEventWireup="true" CodeFile="Register.aspx.cs" Inherits="pages_Register" Title="Untitled Page" %>
<%@ Register Assembly="MSCaptcha" Namespace="MSCaptcha" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="headHolder" Runat="Server">
<link rel="stylesheet" type="text/css" href="../scripts/jQuery/themes/ui-lightness/jquery.ui.all.css" />
    <script src="../scripts/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
		$("#<%=txtDateOfBirth.ClientID %>" ).datepicker();
	    });
    </script>
<style type="text/css">
    #tblReg{
    margin:auto;
    margin-top:20px;
    margin-bottom:30px;
    }
    #tblReg td{
    line-height:30px;
    }
</style>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="bodyHoder" Runat="Server">
    <h4>Registraton</h4>
    <hr />
    <asp:Panel ID="pnlMessageBox" runat="Server" Visible="false">
    <h4>You have registered successfully!</h4>
    <a href="Default.aspx">View home page now</a>
    </asp:Panel>
    <asp:Panel ID="pnlRegistrationForm" runat="server">      
    <table id="tblReg" style="margin-left:150px;">
        <tr>
            <td colspan="2">
            <asp:Label ID="lblMessage" runat="server" ForeColor="Red"></asp:Label><br />
            Please fill in the below form to create an account.</td>
            <td colspan="1">
            </td>
        </tr>
        <tr>
            <td >
                <asp:Label ID="Label1" runat="server" Text="Username:"></asp:Label></td>
            <td >
                <asp:TextBox ID="txtUsername" runat="server"></asp:TextBox></td>
            <td>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtUsername"
                    ErrorMessage="Please input username" ValidationGroup="A">*</asp:RequiredFieldValidator></td>
        </tr>
        <tr>
            <td>
                <asp:Label ID="Label2" runat="server" Text="Password:"></asp:Label></td>
            <td>
                <asp:TextBox ID="txtPassword" runat="server" TextMode="Password" Width="150px"></asp:TextBox></td>
            <td>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtPassword"
                    Display="Dynamic" ErrorMessage="Password is required" ValidationGroup="A">*</asp:RequiredFieldValidator></td>
        </tr>
        <tr>
            <td>
                <asp:Label ID="Label10" runat="server" Text="Confirm:"></asp:Label></td>
            <td>
                <asp:TextBox ID="txtConfirmPassword" runat="server" TextMode="Password" Width="150px"></asp:TextBox></td>
            <td>
            </td>
            <td >
                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtConfirmPassword"
                    ErrorMessage="RequiredFieldValidator" ValidationGroup="A" style="left: 0px" Display="Dynamic">*</asp:RequiredFieldValidator>
                <asp:CompareValidator ID="CompareValidator1" runat="server" ErrorMessage="Password and Confirm password does not match." ControlToCompare="txtPassword" ControlToValidate="txtConfirmPassword" ValidationGroup="A" Display="Dynamic"></asp:CompareValidator>
                    </td>
        </tr>
        <tr>
            <td>
                <asp:Label ID="Label3" runat="server" Text="First name"></asp:Label></td>
            <td>
                <asp:TextBox ID="txtFirstname" runat="server"></asp:TextBox></td>
            <td>
            </td>
            <td >
                <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" Display="Dynamic"
                    ErrorMessage="Firstname is required" ValidationGroup="A" ControlToValidate="txtFirstname">*</asp:RequiredFieldValidator></td>
        </tr>
        <tr>
            <td>
                <asp:Label ID="Label9" runat="server" Text="Last name:"></asp:Label></td>
            <td>
                <asp:TextBox ID="txtLastName" runat="server"></asp:TextBox></td>
            <td>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="Lastname is required"
                    ValidationGroup="A" ControlToValidate="txtLastName">*</asp:RequiredFieldValidator></td>
        </tr>
        <tr>
            <td>
                <asp:Label ID="Label4" runat="server" Text="Date of birth:"></asp:Label></td>
            <td style="width: 165px">
                <asp:TextBox ID="txtDateOfBirth" runat="server"></asp:TextBox></td>
            <td>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ErrorMessage="RequiredFieldValidator"
                    ValidationGroup="A" ControlToValidate="txtDateOfBirth">*</asp:RequiredFieldValidator></td>
        </tr>
        <tr>
            <td >
                <asp:Label ID="Label5" runat="server" Text="Gender:"></asp:Label></td>
            <td style="width: 165px; height: 17px;">
                <asp:RadioButton ID="radMale" GroupName="Gender" runat="server" Text=" Male" />
                <asp:RadioButton ID="radFemale" GroupName="Gender" runat="server" Text=" Female" /></td>
            <td>
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                <asp:Label ID="Label6" runat="server" Text="Address:"></asp:Label></td>
            <td>
                <asp:TextBox ID="txtAddress" runat="server"></asp:TextBox></td>
            <td>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ErrorMessage="Address is required"
                    ValidationGroup="A" ControlToValidate="txtAddress">*</asp:RequiredFieldValidator></td>
        </tr>
        <tr>
            <td>
                <asp:Label ID="Label7" runat="server" Text="Email:"></asp:Label></td>
            <td>
                <asp:TextBox ID="txtEmail" runat="server"></asp:TextBox></td>
            <td>
            </td>
            <td >
            </td>
        </tr>
        <tr>
            <td >
                <asp:Label ID="Label8" runat="server" Text="Phone:"></asp:Label></td>
            <td>
                <asp:TextBox ID="txtPhone" runat="server"></asp:TextBox></td>
            <td>
            </td>
            <td >
            </td>
        </tr>
        <tr>
            <td>
                Country:</td>
            <td>
                <asp:DropDownList ID="cmbCountry" runat="server">
                </asp:DropDownList></td>
            <td>
            </td>
            <td >
            </td>
        </tr>
        <tr>
            <td>
                State:</td>
            <td>
                <asp:TextBox ID="txtState" runat="server"></asp:TextBox></td>
            <td>
            </td>
            <td >
            </td>
        </tr>
        <tr>
            <td>
                City</td>
            <td>
                <asp:TextBox ID="txtCity" runat="server"></asp:TextBox></td>
            <td style="width: 165px; height: 18px">
            </td>
            <td >
            </td>
        </tr>
         <tr>
            <td>Confirm character</td>
            <td><cc1:CaptchaControl ID="ccCaptcha" runat="server" 
            CaptchaLineNoise="Medium" ValidationGroup="A" CaptchaHeight="40" 
           
            />
            </td>
             <td>
             </td>
        </tr>
        <tr>
            <td></td>
            <td><asp:TextBox ID="txtCaptcha" runat="server" /></td>
            <td>
            <asp:RequiredFieldValidator ID="rqCaptcha" runat="server" 
            ControlToValidate="txtCaptcha" Display="Dynamic" ValidationGroup="A" ErrorMessage="Please input confirms characters.">*</asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td style="width: 100px; height: 18px">
            </td>
            <td colspan="3" style="height: 18px" >
            <span class="button_container">
                <asp:LinkButton ID="lnkRegister" runat="server" CssClass="c_button" OnClick="lnkRegister_Click">Register</asp:LinkButton>
               <asp:LinkButton ID="lnkReset" runat="server" CssClass="c_button" OnClientClick="return confirm('Are you sure want to reset?');">Reset</asp:LinkButton>
            </span>
            </td>            
        </tr>       
    </table>
</asp:Panel>
</asp:Content>

